﻿@{
    ViewBag.Title = "retrieveAllSaleOff";
    Layout = "~/Areas/Admin/Views/Shared/_Admin.cshtml";
}

<div class="row-fluid">
    <h3 class="header smaller lighter blue">Tìm kiếm khuyến mãi</h3>
    <div class="widget-box">
        <div class="widget-header widget-header-small">
            <h5 class="lighter">Tìm theo tên/mã</h5>
        </div>
        <div class="widget-body">
            <div class="widget-main">
                <form class="form-search">
                    Tên/Mã đợt khuyến mãi:
                    <input type="text" class="input-medium search-query">
                    <button onclick="return false;" class="btn btn-purple btn-small">
                        Tìm
						<i class="icon-search icon-on-right bigger-110"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>
    <h3 class="header smaller lighter blue">Danh sách các đợt khuyến mãi</h3>
    <div class="table-header">
        Danh sách các đợt khuyến mãi theo tiêu chí.....
    </div>

    <table id="sample-table-2" class="table table-striped table-bordered table-hover">
        <thead>
            <tr>
                <th class="center">
                    <label>
                        <input type="checkbox" />
                        <span class="lbl"></span>
                    </label>
                </th>
                <th>Mã khuyến mãi</th>
                <th>Tên</th>
                <th class="hidden-480">Ngày bắt đầu</th>
                <th class="hidden-480">Ngày kết thúc</th>
                <th class="hidden-480">Trạng thái</th>

                <th>Xử lí</th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td class="center">
                    <label>
                        <input type="checkbox" />
                        <span class="lbl"></span>
                    </label>
                </td>

                <td>
                    <a href="#">KM01</a>
                </td>
                <td>Giảm giá Noel 2013</td>
                <td class="hidden-480">12/12/2013</td>
                <td class="hidden-phone">26/12/2013</td>

                <td class="hidden-480">
                    <span class="label label-success">Hết thời hạn</span>
                </td>

                <td class="td-actions">
                    <div class="hidden-phone visible-desktop action-buttons">

                        <a class="green" href="~/Admin/AdminHome/updateSaleOff">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="center">
                    <label>
                        <input type="checkbox" />
                        <span class="lbl"></span>
                    </label>
                </td>

                <td>
                    <a href="#">KM02</a>
                </td>
                <td>Giảm giá cuối năm 2013</td>
                <td class="hidden-480">1/1/2014</td>
                <td class="hidden-phone">1/2/2014</td>

                <td class="hidden-480">
                    <span class="label label-success">Đang áp dụng</span>
                </td>

                <td class="td-actions">
                    <div class="hidden-phone visible-desktop action-buttons">

                       <a class="green" href="~/Admin/AdminHome/updateSaleOff">
                            <i class="icon-pencil bigger-130"></i>
                        </a>

                        <a class="red" href="#">
                            <i class="icon-trash bigger-130"></i>
                        </a>
                    </div>

                    <div class="hidden-desktop visible-phone">
                        <div class="inline position-relative">
                            <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-caret-down icon-only bigger-120"></i>
                            </button>

                            <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                <li>
                                    <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                        <span class="blue">
                                            <i class="icon-zoom-in bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                        <span class="green">
                                            <i class="icon-edit bigger-120"></i>
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                        <span class="red">
                                            <i class="icon-trash bigger-120"></i>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
    <div class="row-fluid">
        <div class="span6">
            <div id="sample-table-2_info" class="dataTables_info">Showing 1 to 10 of 23 entries</div>
        </div>
        <div class="span6">
            <div class="dataTables_paginate paging_bootstrap pagination">
                <ul>
                    <li class="prev disabled"><a href="#"><i class="icon-double-angle-left"></i></a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li class="next"><a href="#"><i class="icon-double-angle-right"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
